import React from 'react';
import { Collapse } from 'antd';
import './index.scss';

const { Panel } = Collapse;
/**
 * @param {object} form1 - 经营管理者基本信息表单
 * @param {object} form2 - 停车场设施-基本信息表单
 * @param {object} form3 - 停车场设施-附属设施表单
 * @param {object} form4 - 相关附件表单
 * @description 停车管理备案中新增备案/检查的四个表单（也可不为表单）
 * -
 */
const collapse = ({ form1, form2, form3, form4 }) => {
	return (
		<Collapse defaultActiveKey={['1', '2', '3', '4']} ghost>
			<Panel header="经营管理者基本信息" key="1">
				{form1}
			</Panel>
			<Panel header="停车场设施-基本信息" key="2">
				{form2}
			</Panel>
			<Panel header="停车场设施-附属设施" key="3">
				{form3}
			</Panel>
			<Panel header="相关附件" key="4">
				{form4}
			</Panel>
		</Collapse>
	);
};

export default collapse;
